{{! Service (ADR 0048): a photo card in one of eight arrangements (look; Tiles, ADR 0126: the picture and the words as two squares), with an optional number; linked, the whole card opens the page and shows the Image element's arrow, or link words under the words. Services' cards use the same markup and classes ("requires": ["service-card"]). }}
<article {{@attrs}}><div class="sv-service-card__media">{{#image.url}}<img class="sv-service-card__photo wp-image-{{image.id}}" src="{{image.url}}" alt="{{image.alt}}"{{#image.width}} width="{{image.width}}" height="{{image.height}}"{{/image.width}} loading="lazy" decoding="async">{{/image.url}}{{^image.url}}{{@placeholder image}}{{/image.url}}</div>{{#number}}<span class="sv-service-card__number"{{@edit number}}>{{number}}</span>{{/number}}<div class="sv-service-card__body"><h3 class="sv-service-card__title"{{@edit title}}>{{{title}}}</h3>{{#description}}<p class="sv-service-card__text"{{@edit description}}>{{description}}</p>{{/description}}{{#link.url}}{{#moreLabel}}<span class="sv-service-card__more" aria-hidden="true">{{moreLabel}}</span>{{/moreLabel}}{{/link.url}}</div>{{#link.url}}<span class="sv-image__arrow sv-service-card__arrow" aria-hidden="true"></span><a class="sv-service-card__link" href="{{link.url}}"{{#link.newTab}} target="_blank" rel="noopener noreferrer"{{/link.newTab}}><span class="sv-service-card__sr">{{{title}}}</span></a>{{/link.url}}</article>